<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <link rel="shortcut icon" href="/resource_images/__image_path__/common/favicon.svg?__static_hash__" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title id="customerTitle">客服</title>
</head>

<body class="customer-body">
    <div class="customer container" id="customer" style="display: none;">
        <!-- <header class="header">
            <h1 id="customerTitle">金贝客服</h1>
        </header> -->
        <div class="t-title">专线服务，贴心至上</div>
        <section class="service-section-customer">
            <div class="service-card-customer" id="serviceCardAndroid">
                <div class="service-header-customer">
                    <img src="/resource_images/__image_path__/common/kefu_logo.png?__static_hash__" alt="在线客服"
                        class="service-icon-customer">
                    <div class="service-text-customer service-text-gap10">
                        <h2 class="service-title">在线客服</h2>
                        <p class="service-tips">7*24小时 在线客服</p>
                    </div>
                    <div class="btn-customer" id="consultBtn">立即咨询</div>
                </div>
            </div>
            <div class="service-card-customer service-card-vertical-ios" id="serviceCardIos">
                <div class="service-header">
                    <img src="/resource_images/__image_path__/common/kefu_logo.png?__static_hash__" alt="在线客服"
                        class="service-icon-customer">
                    <div class="service-text-customer service-text-gap10">
                        <h2 class="service-title">在线客服</h2>
                        <p class="service-tips">7*24小时 在线客服</p>
                    </div>
                </div>
                <div class="button-group">
                    <div class="row-content">
                        <button class="button large-button" id="customerJcBtn">
                            立即咨询
                        </button>
                    </div>
                    <div class="row-content">
                        <button class="button small-button" id="azjqBtn">安装教程</button>
                        <button class="button small-button" id="wfdkBtn">无法打开</button>
                    </div>
                </div>
            </div>
            <div class="service-card-customer service-card-vertical">
                <div class="service-header">
                    <img src="/resource_images/__image_path__/common/logo.png?__static_hash__" alt="在线客服"
                        class="service-icon-customer">
                    <div class="service-text-customer">
                        <h2 id="appTitle">体育</h2>
                        <p>各类游戏，应有尽有；原生APP享极致的游戏体验</p>
                    </div>
                </div>
                <div class="load flex flex-align-center flex-justify-center">
                    <div class="installContainer">
                        <button id="install" class="install disabled" disabled>
                            加载中，请稍候...
                        </button>
                        <button id="fdqInstall" class="install fdqInstall disabled" disabled>
                            加载中，请稍候...
                        </button>
                        <div id="installDiv"></div>
                    </div>
                    <div id="progressContainer" class="flex flex-justify-center flex-align-center"
                        style="display: none;">
                        <div id="progress" class="progress"></div>
                        <button disabled class="trust" id="trust">一键信任</button>
                    </div>
                </div>
                <!-- <button id="fdqInstall" class="download-btn" disabled>
                    加载中，请稍候...
                </button> -->
                <div class="gotoH5 download-btn-2" id="gotoH5">
                    若无法下载，请点击此处使用手机网页版
                </div>
                <div class="download-tips">
                    <span>需在同一网络环境下下载安装注册，请勿切换网络；若无法正常安装，请使用手机自带浏览器打开本页面（谷歌浏览器Chrome、苹果浏览器Safari）</span>
                </div>
            </div>
        </section>
        <div id="modal-overlay" class="modal-overlay">
            <div id="modal" class="modal">
                <img src="defalut.png" id="modal-image" alt="Modal Image" class="modal-image">
                <h2 class="modal-title" id="modal-title">标题</h2>
                <p class="modal-description" id="modal-description">这是描述文字。</p>
                <button id="modalButton" class="modal-button">复制域名</button>
            </div>
            <div id="modalAndroid" class="modal-android">
                <img src="/resource_images/__image_path__/common/logo.png?__static_hash__" id="modal-image-android"
                    alt="Modal Image" class="modal-image-android">
                <h2 class="modal-title-android" id="modal-title-android">下载到桌面?[如已下载请忽略]</h2>
                <p class="modal-description-android" id="modal-description-android">这是描述文字。</p>
                <div class="modal-button-group">
                    <div id="modalButtonAndroidL" class="modal-button-left">下次再说</div>
                    <div id="modalButtonAndroidR" class="modal-button-right">立即安装</div>
                </div>
            </div>
        </div>
    </div>

    <div class="tab-container" id="tabContainer" style="display: none;">
        <div class="tabs">
            <button class="return-button" id="returnBtn">
                <img src="/resource_images/__image_path__/common/left_arrow.png?__static_hash__" alt="Return"
                    class="return-icon">
            </button>
            <button class="tab-button active" data-tab="1">安装教程</button>
            <button class="tab-button" data-tab="2">无法打开</button>
        </div>
        <div class="tab-content">
            <img src="/resource_images/__image_path__/common/trust.png?__static_hash__" alt="Image 1" id="tab1"
                class="tab-image active">
            <img src="/resource_images/__image_path__/common/reinstall.png?__static_hash__" alt="Image 2" id="tab2"
                class="tab-image">
        </div>
    </div>
</body>

</html>